iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
Web 3

當 APP develop 遇上 web3 與 Metaverse 浪潮 系列 第 2

# [Day 壹] Metaverse 素材? NFT 不就是 PNG ?

  • 分享至 

  • xImage
  •  

NFT 的種類繁多,可以是數碼畫作、圖像、影音、短片、動畫、遊戲的虛擬角色及裝備、虛擬時裝、手袋等,甚至是實物。
---cryptowesearch

在 2022 的現在,能在網頁上使用的素材格式十分多元

如 JPEG、PNG、WEBP、SVG、TIFF與GIF等等為網頁設計中常見的圖片格式,更別提各式影片甚至串流。

為了支援各式 NFT 與 炫砲素材的格式,我們大致上分為

  • 2D 向量
  • 2D 點陣
  • 3D 繁雜
  • 音樂
  • 影片
  • 文本
  • 生程式藝術 EX:fx(hash)產出的網頁
  • 網頁

讓我們回憶一下步驟

  1. 建立素材 (目前)
  2. 找到可以用的素材
  3. 讀取素材
  4. 顯示素材
  5. 動態使用素材
格式 常見網路格式 新手推薦的製作工具
2D 向量 svg Figma、AI、PS
2D 點陣 png,svg,jpg 直接拍照、AI、PS
3D Gltf,glb,FBX,Spline Blender 、 Spline
音樂 Mp3,mov GarageBand 、 Audacity、 Tone.js
影片 gif,mp4 AE、PR、Imovie
文本 Text 文本編輯器
網頁 .Html Url link 各式前端框架
生程藝術 < code > fx(hash)、Artblock、P5.js

既然題目是 web3 接下來我們就來用 React 實作一個可以顯示顯示各式 NFT 的錢包吧


上一篇
[Day 零] ?:我想要在 Metaverse 做點東西,該怎麼辦?
下一篇
# [Day 貳] 阿所以那個素材在哪? 先拿歐噴sea擋一下
系列文
當 APP develop 遇上 web3 與 Metaverse 浪潮 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言